.login-pane {
    -fx-background-color: derive(rgba(53, 136, 225, 0.01), -20%);
    -fx-background-radius: 15px;
    -fx-border-radius: 15px;
    -fx-padding: 2px;
    /*-fx-border-insets: 12px;*/
    -fx-effect: dropshadow(three-pass-box, lightskyblue, 10, 0.5, 0, 0);
}

.content-pane {
    -fx-background-color: lightskyblue;
    -fx-background-radius: 15px;
    -fx-border-radius: 15px;
}

.content-pane .login-circles {
    -fx-background-radius: 15px;
    -fx-border-radius: 15px;
}

.login-form-pane {
    -fx-background-radius: 15px;
    -fx-border-radius: 15px;
    -fx-padding: 20px;
}

.login-form-pane .title {
    -fx-effect: innershadow(three-pass-box, rgba(80, 98, 175, 0.7), 12, 2.0, 3, 6 );
}

.login-form-pane .label, .button {
    -fx-text-fill: rgba(80, 98, 175, 0.7);
    -fx-fill: rgba(80, 98, 175, 0.7);
    -fx-font-weight: 800;
}

.login-form-pane .input-line {
    -fx-border-color: rgba(80, 98, 175, 0.7);
}

.login-form-pane .text-field {
    -fx-font-size: 18px;
    -fx-text-fill: rgba(80, 98, 175, 0.7);
}


.close-btn:pressed{
    -fx-background-color: red;
}